<template>
  <view class="agreement-page">
    <view class="header">
      <text class="title">用户协议</text>
      <text class="subtitle">最后更新日期：2025年7月1日</text>
    </view>
    
    <scroll-view class="content" scroll-y>
      <view class="section">
        <text class="section-title">一、总则</text>
        <text class="section-content">
          1.1 欢迎使用我们的服务。在注册成为用户之前，请仔细阅读本协议。\n
          1.2 当您完成注册程序或使用我们的服务时，即表示您已充分阅读、理解并同意接受本协议的全部内容。\n
          1.3 我们有权根据需要不时修改本协议条款，修改后的协议将在公布后立即生效。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">二、账号注册</text>
        <text class="section-content">
          2.1 您注册时应提供真实、准确、完整和最新的注册信息。\n
          2.2 您有责任维护账号和密码的安全，对通过您的账号和密码实施的行为负全部责任。\n
          2.3 如发现任何未经授权使用您账号的情况，应立即通知我们。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">三、用户行为规范</text>
        <text class="section-content">
          3.1 您承诺不会利用我们的服务进行任何违法或不正当的活动。\n
          3.2 您不得发布任何侵犯他人合法权益的内容。\n
          3.3 您应遵守所有适用的地方法律法规。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">四、服务变更与终止</text>
        <text class="section-content">
          4.1 我们保留随时变更、中断或终止部分或全部服务的权利。\n
          4.2 如您违反本协议，我们有权随时终止对您的服务。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">五、免责声明</text>
        <text class="section-content">
          5.1 我们将尽力但不保证服务的及时性、安全性和准确性。\n
          5.2 对于因不可抗力或非我们过错造成的服务中断或数据丢失，我们不承担责任。
        </text>
      </view>
      
      <view class="section">
        <text class="section-title">六、法律适用</text>
        <text class="section-content">
          6.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。\n
          6.2 如双方就本协议内容或其执行发生争议，应友好协商解决；协商不成时，任何一方均可向我们所在地的人民法院提起诉讼。
        </text>
      </view>
    </scroll-view>
    
    <view class="footer">
      <button class="agree-btn" @click="goBack">我已阅读并同意</button>
    </view>
  </view>
</template>

<script setup>
const goBack = () => {
  uni.navigateBack({
    delta: 1  // 返回层数，1表示返回上一页
  });
}
</script>

<style scoped>
.agreement-page {
  padding: 20px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  margin-top: 50px;
}

.header {
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 15px;
}

.header .title {
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-bottom: 8px;
}

.header .subtitle {
  font-size: 12px;
  color: #999;
}

.content {
  flex: 1;
  padding-bottom: 80px;
}

.section {
  margin-bottom: 25px;
}

.section-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: #333;
}

.section-content {
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  white-space: pre-line;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

.agree-btn {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #1276ff;
  color: #fff;
  border-radius: 6px;
  font-size: 16px;
  border: none;
}

.agree-btn:active {
  opacity: 0.8;
}
</style>